home *** CD-ROM | disk | FTP | other *** search
/ PC World 2006 July & August / PCWorld_2006-07-08_cd.bin / v cisle / acehtml / acehtmlfreeware.exe / scriptdef / Animated Image.sd < prev    next >
Encoding:
INI File  |  2004-06-28  |  1.7 KB  |  100 lines
  1. [SUBJECT]
  2. Description=An image hovers around the background of the page 
  3. ImageIndex=-1
  4. Folder=Graphical Effects
  5.  
  6.  
  7. [HEAD_TEXT]
  8.  
  9.  
  10.  
  11. [BODY_TEXT]
  12. ;
  13. ;<div id="img" style="position:absolute;">
  14. ;<img src="`image`" onClick="pause_resume();" alt="">
  15. ;</div>
  16. ;
  17. ;<script language="JavaScript">
  18. ;// Original:  Justin Arruda (JArruda@mindspring.com)
  19. ;// This script and many more are available free online at
  20. ;// The JavaScript Source!! http://javascript.internet.com
  21. ;
  22. ;var xPos = 20;
  23. ;var yPos = document.body.clientHeight;
  24. ;var step = 1;
  25. ;var delay = `timeout`; 
  26. ;var height = 0;
  27. ;var Hoffset = 0;
  28. ;var Woffset = 0;
  29. ;var yon = 0;
  30. ;var xon = 0;
  31. ;var pause = true;
  32. ;var interval;
  33. ;img.style.top = yPos;
  34. ;function changePos() {
  35. ;width = document.body.clientWidth;
  36. ;height = document.body.clientHeight;
  37. ;Hoffset = img.offsetHeight;
  38. ;Woffset = img.offsetWidth;
  39. ;img.style.left = xPos + document.body.scrollLeft;
  40. ;img.style.top = yPos + document.body.scrollTop;
  41. ;if (yon) {
  42. ;yPos = yPos + step;
  43. ;}
  44. ;else {
  45. ;yPos = yPos - step;
  46. ;}
  47. ;if (yPos < 0) {
  48. ;yon = 1;
  49. ;yPos = 0;
  50. ;}
  51. ;if (yPos >= (height - Hoffset)) {
  52. ;yon = 0;
  53. ;yPos = (height - Hoffset);
  54. ;}
  55. ;if (xon) {
  56. ;xPos = xPos + step;
  57. ;}
  58. ;else {
  59. ;xPos = xPos - step;
  60. ;}
  61. ;if (xPos < 0) {
  62. ;xon = 1;
  63. ;xPos = 0;
  64. ;}
  65. ;if (xPos >= (width - Woffset)) {
  66. ;xon = 0;
  67. ;xPos = (width - Woffset);
  68. ;   }
  69. ;}
  70. ;function start() {
  71. ;img.visibility = "visible";
  72. ;interval = setInterval('changePos()', delay);
  73. ;}
  74. ;function pause_resume() {
  75. ;if(pause) {
  76. ;clearInterval(interval);
  77. ;pause = false;
  78. ;}
  79. ;else {
  80. ;interval = setInterval('changePos()',delay);
  81. ;pause = true;
  82. ;   }
  83. ;}
  84. ;start();
  85. ;</script>
  86. ;
  87.  
  88.  
  89.  
  90. [`timeout`]
  91. Kind=N
  92. Value=30
  93.  
  94.  
  95. [`image`]
  96. Kind=U
  97. Value=image1.gif
  98.  
  99.  
  100.